$(function(){
    var cs = getQueryString(href).categoryid;
    console.log(cs)
    let product = document.querySelector("#product>.ulbox")
    let str = ""
    fetch(`http://chst.vip:1234/api/getproductlist?categoryid=${cs}`)
    .then(body=>body.json())
    .then(res=>{
        console.log(res);
        res.result.forEach(item => {
            let regExp = /(\/|http)[^>]+\.(jpg|jpeg|png|gif)/g
            let r = item.productImg.match(regExp)
            console.log(r);
            str += `
            <li productid=${item.productId}>
                <a href="#" >
                    <div class="img"><img src="${r[0]}" alt=""></div>
                    <div class="info">
                        <div class="title">
                            <h4>${item.productName}</h4>
                            <div class="price">${item.productPrice}</div>
                        </div>
                        <div class="other">
                            <span>${item.productQuote}</span>  
                            <i class="iconfont icon-pinglun">${item.productCom}</i>                      
                        </div>
                    </div>
                </a>
            </li>
            `
        });
        product.innerHTML=str;

        let uli = document.querySelectorAll("li")
            console.log(uli);
            for(var i=0;i<uli.length;i++){
                uli[i].onclick=function(){
                let id = this.getAttribute('productid')
                console.log(id)
                location.href='./bjsearchin2.html?productid='+id
                }
            }

    })
//     let uu = document.querySelector('#product')
//     function render(data, el) {
//         console.log(data, el)
//         data.forEach(item => {
//             let ul = document.createElement('ul');
//             console.log(item)
//             //一步到位取出img地址
//             let regExp = /(\/|http)[^>]+\.(jpg|jpeg|png|gif)/g
//             let r = item.productImg.match(regExp)
//             let domStr = `<li productid=${item.productId} >
//                             <img width="100" src=${r[0]} alt="">
//                             <div class="name">
//                                 <h3>${item.productName}</h3>
//                             </div>
//                             <div class="from">
//                                 <b>${item.productFrom} |</b>
//                                 <p>${item.productTime}</p>
//                                 <span>${item.productComCount}</span>
//                             </div>
//                         </li>`

//             //把上面的字符串结构放到li里面
//             ul.innerHTML = domStr;
//             // console.log(li)
//             //把li添加到页面的容器中
//             el.appendChild(ul);

//             let uli = document.querySelectorAll("li")
//             console.log(uli);
//             for(var i=0;i<uli.length;i++){
//                 uli[i].onclick=function(){
//                 let id=this.getAttribute('productid')
//                 console.log(id)
//                 location.href='./savemoneydetails.html?productid='+id
//                 }
//             }
//         })
//     }



//     //2.首次发起页面请求
//     function getData(pageid = 0) {
//         fetch(`http://chst.vip:1234/api/getproductlist?categoryid=${cs}&pageid=${pageid}`)
//         .then(body => body.json())
//         .then(res => {
//             console.log(res)
//             render(res.result, uu)
//         })
//     }


//     getData() //首次调用

//     //声明初始的pageid

//     let pageid = 1;

//     lazyLoad(function () {
//         // 在这里发送请求
//         pageid++
//         if (pageid > 14) {
//             alert('别划了,没有了傻子')
//             return
//         }
//         //pageid最多到14;超过了 服务器就没有数据响应了
//         getData(pageid)
//         // console.log('999999')
//     }, 100)

//     //点击返回顶部
//     // var btn = document.querySelector(".a3")
//     // console.log(btn);

//     //     btn.onclick = function(){
//     //         document.documentElement.scrollTop = 0;
//     //     }
   
})